<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.5.1.js"></script>
</head>
<body>
<div>
    <select onchange="loadInfo()" id="menu1"onchange="loadInfo()">
        <option value="">---请选择---</option>
        <option value="1">西游记</option>
        <option value="2">三国演义</option>
        <option value="3">红楼梦</option>
    </select>
    <select id="menu2">

    </select>
</div>

</body>
<script>
    function loadInfo() {
        const menu1Val = $("#menu1 option:checked").val()
        $("#menu2").empty()
        $.ajax({
            url:"/11.16_war_exploded/Servlet",
            type:"GET",
            data:{
                shoesID:menu1Val,
            },
            success:function(res){
                const json = JSON.parse(res);
                for (let i=0;i<json.length;i++){
                    $("#menu2").append("<option>"+json[i]+"</option>")
                }
            }
        })

    }
</script>
</html>